@charset "utf-8";

/* System */
*{font-family: Arial, Sans-serif;}
:active, :focus{outline: none;}
body{font-size: 12px;min-width: 1000px;}
body, h1, h2, h3, h4, h5, h6, form, input, select, ul{margin: 0px;}
img{border: none;-ms-interpolation-mode: bicubic;}
table{ border-collapse:collapse;}
a, a:link, a:visited {color: #034B8A;text-decoration: none;}

/* Content */
.body{background-color: #E5ECF4;}
.content{}
.content .main_content{ background-color: #FFF; padding: 5px; clear: both;}
.left_content{ width:220px; vertical-align: top; float: left;}
.center_content{width: 740px; float: left;}
.right_content{ width:242px; float: right;}

/* Block Header */
.block_header{ height: 46px; background: url("../images/bg_header.png") repeat-x left top;border-bottom: 5px solid #E5ECF4; width: 100%; min-width: 1000px;}
.block_header .width_wrapper{ position: relative;}
.block_header .logo {float: left;margin-top: 1px;width: 280px;}
.block_header .logo img {max-height: 46px;max-width: 350px;}

/* Block Search */
.block_search {float: left;height: 36px;width: 410px; background: url("../images/bg_search.png") no-repeat; margin-top: 5px;}
.block_search .txt_search {background: none;border: 0 none;color: #B4B4B4;margin: 8px 3px 8px 5px;width: 330px; padding-left: 5px;}
.block_search .txt_search:focus{ color: #666;}
.block_search .left_search {float: left;height: 36px;width: 355px;}
.block_search .right_search {height: 36px; width: 45px; float: right;}
.block_search .searchBtn {background: url("../images/btn_search.png") no-repeat left top;cursor: pointer;height: 28px;margin-top: 5px;position: absolute;width: 43px;}
.block_search .searchBtnOn {background: url("../images/btn_search_hover.png") no-repeat left top;cursor: pointer;height: 28px;margin-top: 5px;position: absolute;width: 43px;}

/* Block User */
.block_user {color: #3A3A3A;float: right;font-size: 11px;position: relative; width: 300px;}
.block_user .user_link{background: url("../images/bg_line_v.png") no-repeat left; font-weight: bold; font-size: 12px; float: right; color: #FFF; padding: 1px 10px 3px 12px; margin-top: 14px;}
.block_user .user_link:hover{color: #e3e3e3;}
.block_user .start{ background: none;}
.block_user .btnPmIcon {background: url("../images/user/icon-pm.png") no-repeat center 0;cursor: pointer;display: block;float: left;height: 46px;width: 10px; padding: 0 10px; float: right;}
.block_user .btnPmIcon:hover {background: url("../images/user/icon-pm.png") no-repeat center -46px;}
.block_user .btnHistoryIcon {background: url("../images/user/history_cart.png") no-repeat center 0;cursor: pointer;display: block;float: left;height: 46px;width: 10px; padding: 0 10px; float: right;}
.block_user .btnHistoryIcon:hover {background: url("../images/user/history_cart.png") no-repeat center -46px;}
.block_user .btnCartIcon {background: url("../images/user/icon-cart.png") no-repeat center 0;cursor: pointer;display: block;float: left;height: 46px;width: 10px; padding: 0 10px; float: right;}
.block_user .btnCartIcon:hover {background: url("../images/user/icon-cart.png") no-repeat center -46px;}
.block_user .thanhvien{ margin: 0; padding: 0; list-style: none; float: right;}
.block_user .thanhvien li{ position: relative; display: inline-block; height: 46px;}
.block_user .thanhvien li ul{ position: absolute; top: 45px; background: #FFF; right: 5px; z-index: 100; margin: 0; padding: 0; list-style: none; text-align: right; border: 1px solid #06598E; display: none;}
.block_user .thanhvien li:hover ul{ display: block;}
.block_user .thanhvien li ul li {background: #FFFFFF;border-bottom: 1px solid #D8DFEA;display: inline-block;font-size: 12px;font-weight: bold;line-height: 32px;margin: 0;min-width: 175px;padding: 0 10px 0 0; height: auto;}
.block_user .thanhvien li ul li:hover {background: #e9edf3;}
.block_user .thanhvien li ul li a{display: block;}
.block_user .thanhvien .hm_link{background: url("../images/bg_line_v.png") no-repeat right; font-weight: bold; font-size: 12px; float: right; color: #FFF; padding: 1px 10px 3px 12px; margin-top: 14px; margin-right: 5px;}
.block_user .thanhvien .hm_link:hover{color: #e3e3e3;}
.block_user .num_cart {background: url("../images/user/left_alert_cart.gif") no-repeat left center;left: 290px;padding-left: 4px;position: absolute;top: 7px;}
.block_user .num_cart span {background: url("../images/user/right_alert_cart.gif") no-repeat right center #DF0000;color: #FFFFFF;font-weight: bold;padding-left: 5px;padding-right: 6px; font-size: 12px;}

/* Block City */
.block_city{position: relative; height: 42px;}
.block_city .category{ width: 135px; float: left; margin-top: 11px; cursor: pointer;}
.block_city .category .title{margin: 0 15px; padding: 8px 10px 8px 27px; background:url("../images/h_m_cat_b.png") no-repeat 10px #FFF; text-transform: uppercase; font-weight: bold; font-size: 12px;color: #444444;}
.block_city .city_list{float: right;font-weight: bold;margin-right: 20px;margin-top: 10px;position: relative; width: 580px;}
.block_city .city_list ul{margin: 0; padding: 0; list-style: none; float: right;}
.block_city .city_list ul li{cursor: pointer;float: left;height: 32px;list-style: none outside none;margin-left: 5px;position: relative;}
.block_city .city_list ul li a {color: #444444;display: inline-block;font-weight: bold;height: 24px;line-height: 24px;padding: 0 10px;text-align: center;text-transform: uppercase;}
.block_city .city_list li.active a, .block_city .city_list li:hover a {background: #0855A1;color: #FFFFFF;}
.block_city .city_list li .arrBottom {background: url("../images/arrow_selected_city.png") no-repeat center top;left: 0;position: absolute;top: 23px;width: 100%;height: 6px;padding: 0;}
.block_city .city_list .cityother_item, .block_city .city_list .cityother_item_over {background: url("../images/l_selected_city_other.png") no-repeat;cursor: pointer;float: right;height: 24px;margin-left: 10px;margin-top: 1px;width: auto;}
.block_city .city_list .cityother_item .ctcenter, .block_city .city_list .cityother_item_over .ctcenter {background: url("../images/r_selected_city_other.png") no-repeat right top #F2F3E0;color: #444444;font-family: arial;font-size: 14px;font-weight: bold;height: 24px;line-height: 24px;margin-left: 5px;padding: 0 15px 0 4px;width: auto;}
.block_city .city_list .cityother_item_over .ctcenter { color: #FF0000;}
.block_city .dangtin{float: right;height: 30px;margin-top: 9px;width: 100px;}	
.block_city .btnAdvertise,.block_city .btnAdvertiseOver {background: url("../images/btn_new.png") no-repeat left top;border: 0 none;cursor: pointer;display: block;float: right;height: 28px;width: 100px;}
.block_city .btnAdvertiseOver {background: url("../images/btn_new.png") no-repeat left -28px;display: block;}

/* Block Panel Home */
.block_panel{margin-bottom: 5px;width: 33%; float: left;}
.block_panel .panel_content{margin: 0 2px; background: #FFF;border: 1px solid #D4DDED;padding-bottom: 2px;}
.block_panel .panel_title {border-bottom: 1px solid #D4DDED;padding: 1px;}
.block_panel .panel_title a {background-color: #028F36;color: #FFFFFF;display: block;font-family: Tahoma,Verdana,Arial;font-size: 11px;font-weight: 700;padding: 3px 6px;text-align: left;text-decoration: none;text-transform: uppercase;}
.block_panel .panel_title a:hover {color: #CCC;}
.block_panel .panel_title .count {font-size: 11px;font-weight: normal;}
.block_panel .items .item_nhom{}
.block_panel .items .item_nhom a{background: url("../images/bullet_orange.gif") no-repeat 1px 10px; font-weight: 700;line-height: 16px;margin: 0 5px 0 3px;padding: 4px 1px 4px 9px;text-align: left;color: #444444;font-size: 11px;text-decoration: none;border-bottom: 1px solid #E2EBEC; display: block; font-family: Tahoma,Verdana,Arial;}
.block_panel .items .item_nhom a:hover{color: #FE0002; text-decoration: underline;}
.block_panel .items .item{}
.block_panel .items .item a{background: url("../images/bullet_arrow.gif") no-repeat 1px 10px; font-weight: normal;line-height: 16px;margin: 0 5px 0 3px;padding: 4px 1px 4px 9px;text-align: left;color: #444444;font-size: 11px;text-decoration: none;border-bottom: 1px solid #E2EBEC; display: block; font-family: Tahoma,Verdana,Arial;}
.block_panel .items .item a:hover{color: #FE0002; text-decoration: underline;}

/* Public */
.width_wrapper{ width:1000px; margin:0 auto;}
.button{padding: 2px 15px 3px; background: #0D70AB; color: #FFF; border: none; font-weight: bold; cursor: pointer;}
.button:hover{background: #DD127B; color: #FFF;}
.dangtai{ width: 60px; height: 60px; background: url("../images/user/loading2.gif") no-repeat center center; position: absolute; top: 46px; left: 0; display: none;}

.clr,.clear{ clear:both;}
.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;width: 0;}
.bgtrang{ background:#FFF;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.pd0{ padding:0 !important;}
.pdl3{ padding-left:3px !important;}
.pdr3{ padding-right:3px !important;}
.pdr5{ padding-right:5px !important;}
.pd3{ padding:3px !important;}
.pd5{ padding:5px !important;}
.pd10{ padding:10px !important;}
.pd20{ padding:20px !important;}
.pdt3{ padding-top:3px !important;}
.pdt5{ padding-top:5px !important;}
.pdt15{ padding-top:15px !important;}
.pdb5{ padding-bottom:5px !important;}
.pdl5{ padding-left:5px !important;}
.pdt10{ padding-top:10px !important;}
.pdr10{ padding-right:10px !important;}
.pdb10{ padding-bottom:10px !important;}
.mrb10{ margin-bottom:10px !important;}
.mrl10{ margin-left: 10px;}
.pdl10{ padding-left:10px !important;}
.pdl15{ padding-left:15px !important;}
.pdl10{ padding-left:10px !important;}
.mrt10{ margin-top:10px !important;}

.do,.red{ color:#F00 !important;}
.dam{ font-weight:bold !important;}
.xam{ color:#393939 !important;}
.cam{ color:#f68828 !important;}
.naudam{color:#5f0333 !important;}
.center{ text-align:center !important;}
.font16{ font-size:16px !important;}
.line150{ line-height:150% !important;}
.line180{ line-height:180% !important;}

.goc3{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.goc5{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.goc10{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.goc7{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}
.goct5{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.goct10{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
.gocb10{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}